import React, {Component} from "react"
import '../../../asset/css/mine/mine.css'
// import { BrowserRouter as Router,Route } from "react-router-dom" 

class UserInfo extends Component{
    constructor(){
        super()

    }
  
   login(){
    console.log(11)
    // this.props.history.push({pathname:"/mine/login"})
    
}
    render(){
        let {username}=this.props
        return(
          <div className="userContainer">   
            {/* <Router>
                <Route path='/mine/login' component={Login}/>
            </Router> */}
                <section>
                    <div className="userheader" onClick={this.login.bind(this)}>
                        <div className="userImag">
                            <span>
                            </span>
                        </div>
                        <div className="userInfo">
                        <div className="userInfoleft">
                        <p className="username_mine">
                            <span>c20e715d842</span>
                        </p>
                        <p className="useriphone">
 
                            <span>phone: 1352***93</span>
                        </p>
                        
                        </div>
                        <div className="userInforight">
                            <span>&gt;</span>
                        </div>
                        </div>
                    </div>
                </section>
                <div className="hongbao">
                   <div className="hleft">
                   <p>
                        <span className="four">
                            6
                        </span>
                        <span className="ge">
                           个
                        </span>
                    </p>
                    <p>
                        红包
                    </p>
                   </div>
                   <div className="hright">
                   <p>
                        <span className="jb">
                            88
                        </span>
                        <span className="ge">
                           个
                        </span>
                    </p>
                    <p>
                        金币
                    </p>
                   </div>
                </div>
                <section>
                   <div className="list-top">
                   <div className="list1">
                        <div className="list-left">
                                <span className="address"></span>
                                <span>我的地址</span>
                        </div>
                        <div className="list-right">
                                <span></span>
                         </div>
                    </div>
                   </div>
                </section>
                <section>
                   <div className="list-top">
                   <div className="list1">
                        <div className="list-left">
                                <span className="shop"></span>
                                <span>金币商城</span>
                        </div>
                        <div className="list-right">
                                <span></span>
                         </div>
                    </div>
                    <div className="list1">
                        <div className="list-left">
                                <span className="fenxiang"></span>
                                <span>分享领红包</span>
                        </div>
                        <div className="list-right">
                                <span></span>
                         </div>
                    </div>
                    
                   </div>
                </section>
                <section>
                   <div className="list-top">
                   <div className="list1">
                        <div className="list-left">
                                <span className="kefu"></span>
                                <span>我的客服</span>
                        </div>
                        <div className="list-right">
                                <span></span>
                         </div>
                    </div>
                    <div className="list1">
                        <div className="list-left">
                                <span className="car"></span>
                                <span>下载大风车APP</span>
                        </div>
                        <div className="list-right">
                                <span></span>
                         </div>
                    </div>
                    
                    <div className="list1">
                        <div className="list-left">
                                <span className="zhangdan"></span>
                                <span>我的账单</span>
                        </div>
                        <div className="list-right">
                                <span></span>
                         </div>
                    </div>
                    
                   </div>
                </section>
                <footer>
                    <div className="footer">
                        <p>隐私政策</p>
                    </div>
                </footer>
                <footer>
                    
                </footer>
              
            </div>
          
        )
    }
}

export default UserInfo